import styled from "styled-components";

const TabbarStyle = styled.div`
  position: fixed;
  max-width: 800px;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #dbd6d6;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: white;
  margin-bottom: -1px;
  z-index: 9999;

  .ignore-tabbar {
    height: var(--tabbar-height);
  }
`;

export default TabbarStyle;
